<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 用户 
    // 由 数字 字母 下划线 组成,6-12位

    // 字符匹配符  => 可以理解为就是一个集合
    // [xzy]    匹配集合中的任意一个字符


    // 选择匹配符 
    // |  可以匹配多个规则,或的关系  (通常配合()使用)
    // cat|dog   =>  匹配cat或dog

    // https://www.baidu.com/

    // 协议  http https
    // www.   万维网(可有可无)
    // baidu  域名

    // 域名后缀  .com .cn  .net .xyz .edu
    // /     域名下根目录 ((可有可无))

    // var reg = /^(http|https)/;  // 协议
    // var reg = /(.com|.cn|.net|.edu)$/;  //  域名后缀

    var reg = /^(http|https):\/\/(www\.)?[a-zA-Z]{2,20}\.(com|cn|net|edu|xyz)\/?$/;


    // 转义字符 
    // 有一些字符在正则表达式中 有特殊意义, 如果向匹配对应的普通字符 需要转义
    // 用法 \

</script>
</html>